<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>京东移动端首页</title>
		<link rel="stylesheet" href="css/style.css" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
		<meta content="yes" name="apple-touch-fullscreen" />
		<!-- 删除默认的苹果工具栏和菜单栏 ： 即启用 WebApp 全屏模式  -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 在web app应用下状态条（屏幕顶部条）的颜色；默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）若值为“black-translucent”将会占据页面px位置，浮在页面上方（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）。 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<!-- 忽略数字自动识别为电话号码 ,忽略识别邮箱 -->
		<meta name="format-detection" content="telephone=no, email=no" />
		<!-- 启用360浏览器的极速模式(webkit) -->
		<meta name="renderer" content="webkit">
		<!-- 避免IE使用兼容模式 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait" />	
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait">
		<!-- UC强制全屏 -->
		<meta name="full-screen" content="true" />
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true" />
		<!-- 360强制全屏 -->
		<meta name="360-fullscreen" content="true" />
		<link rel="shortcut icon" href="https://www.jd.com/favicon.ico" type="image/x-icon" /><link rel="bookmark" href="images/favicon.ico" type="image/x-icon" />
	</head>
	<body>
		<div class="banner">
			<div class="top_search">
				<div class="mask"></div>
				<div class="input_search fl">
					<form>
						<input placeholder="平板电脑，每满999减100！" />
					</form>
				</div>
				<a href="#" class="login-txt fr">登录</a>
				<img class="icon_search" src="" />
			    <img class="jd_logo" src="" />
			</div>
			
			<img src="https://m.360buyimg.com/mobilecms/s1125x549_jfs/t14425/76/505835575/126892/bc618b9e/5a2fa6a9N7f614907.jpg!q70.jpg" />
			<div class="qiehuan">
				<span></span>
				<span></span>
				<span class="now"></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
		<div class="guanggao">
			<img src="https://m.360buyimg.com/mobilecms/jfs/t14677/266/460286859/72493/b9ed108d/5a2df0a1N0c745a95.jpg!q70.jpg" />
		</div>
		<ul class="icon">
			<li>
				<a href="#">
					<img src="https://m.360buyimg.com/mobilecms/jfs/t5668/159/160398199/14046/acfe1fa3/591d9424N068a7ad0.png" />
				</a>
				<span class="txt">京东超市</span>
			</li>
			<li>
				<a href="#">
					<img src="https://m.360buyimg.com/mobilecms/jfs/t15823/348/366776282/17012/d9435ac4/5a307f1bNe2ad7c72.png" />
				</a>
				<span class="txt">全球购</span>
			</li>
			<li>
				<a href="#">
					<img src="https://m.360buyimg.com/mobilecms/jfs/t5656/351/153181074/12227/e35aa8d/591d9456Naa85e195.png" />
				</a>
				<span class="txt">京东服饰</span>
			</li>
			<li>
				<a href="#">
					<img src="https://m.360buyimg.com/mobilecms/jfs/t5707/83/1407890143/14681/29321e2c/59263c71Nc7d16503.png" />
				</a>
				<span class="txt">京东生鲜</span>
			</li>
			<li>
				<a href="#">
					<img src="https://m.360buyimg.com/mobilecms/jfs/t5773/256/159664156/17475/742fec7e/591d9475Na810c2eb.png" />
				</a>
				<span class="txt">京东到家</span>
			</li>
			<li style="margin-top: -9px;">
				<a href="#">
					<img src="https://m.360buyimg.com/mobilecms/jfs/t5647/156/156583179/12255/981e942a/591d94a1Nfde63a47.png" />
				</a>
				<span class="txt">充值缴费</span>
			</li>
			<li style="margin-top: -9px;">
				<a href="#">
					<img src="https://m.360buyimg.com/mobilecms/s126x126_jfs/t2758/175/4146829331/10078/d6a3aa98/57aacab9N98edf989.png" />
				</a>
				<span class="txt">领京豆</span>
			</li>
			<li style="margin-top: -9px;">
				<a href="#">
					<img src="https://m.360buyimg.com/mobilecms/jfs/t14356/332/557242646/16568/856edbd/5a30d628N0edbf336.png" />
				</a>
				<span class="txt">领券</span>
			</li>
			<li style="margin-top: -9px;">
				<a href="#">
					<img src="https://m.360buyimg.com/mobilecms/jfs/t5824/248/156712927/7215/1ad6be5f/591d94c6Nc4711ad2.png" />
				</a>
				<span class="txt">赚钱</span>
			</li>
			<li style="margin-top: -9px;">
				<a href="#">
					<img src="https://m.360buyimg.com/mobilecms/jfs/t5842/205/151189300/13247/a6de2d/591d94edNc42fb94d.png" />
				</a>
				<span class="txt">物流查询</span>
			</li>
		</ul>
		<div class="guanggao">
			<img src="https://m.360buyimg.com/mobilecms/jfs/t13894/153/2133584467/165590/76c3cbe9/5a32073eN1fdd5d54.jpg!q70.jpg" />
		</div>
		<div class="news clearfix">
	    	<div class="content clearfix">
	    		<div class="txt-l fl">
	    			<img src="//st.360buyimg.com/m/images/index/jd-news-tit.png" />
	    			<span>推荐</span>
	    			<a href="#">腿那么细！全靠这个小心机</a>
	    		</div>
	    		<p class="fr">|更多</p>
	    	</div>
	    </div>
	    <div class="miaosha">
	    	<div class="miaosha-top">
	    		<div class="top-l fl">
	    			<img src="//st.360buyimg.com/m/images/index/load/skill.png" />
	    			<strong>16点场</strong>
	    			<span>00</span>
	    			<span>00</span>
	    			<span>00</span>
	    		</div>
	    		<div class="top-r fr">
	    			<a href="#">京选尖货秒</a>
	    			<img src="https://st.360buyimg.com/m/images/index/arrow_rt.png" />
	    		</div>
	        </div>
	        <div class="miaosha-content">
	        	<ul>
	        		<li>
	        			<div class="img1">
	        				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t13597/260/1686962428/195434/dcedd11/5a25f964Nf3c5159a.jpg!q70.jpg" />
	        			</div>
	        			<div class="txt">
	        				<span class="now-price">
	        					<span>¥</span>899
	        				</span>
	        				<span class="out-price">
	        					<span>¥</span>1799<hr>
	        				</span>
	        			</div>
	        		</li>
	        		<li>
	        			<div class="img1">
	        				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t14170/245/1496887229/166743/713e745d/5a20feccNd3cabd6f.jpg!q70.jpg" />
	        			</div>
	        			<div class="txt">
	        				<span class="now-price">
	        					<span>¥</span>98
	        				</span>
	        				<span class="out-price">
	        					<span>¥</span>299<hr>
	        				</span>
	        			</div>
	        		</li>
	        		<li>
	        			<div class="img1">
	        				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t15052/1/267289051/188012/cdb1fd39/5a28ae89N7a823435.jpg!q70.jpg" />
	        			</div>
	        			<div class="txt">
	        				<span class="now-price">
	        					<span>¥</span>22.1
	        				</span>
	        				<span class="out-price">
	        					<span>¥</span>108<hr>
	        				</span>
	        			</div>
	        		</li>
	        		<li>
	        			<div class="img1">
	        				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t16324/96/46033112/193655/be7a2b9f/5a27afc6Nbd6b979a.jpg!q70.jpg" />
	        			</div>
	        			<div class="txt">
	        				<span class="now-price">
	        					<span>¥</span>49.8
	        				</span>
	        				<span class="out-price">
	        					<span>¥</span>72<hr>
	        				</span>
	        			</div>
	        		</li>
	        		<li>
	        			<div class="img1">
	        				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t12943/219/1784094289/191592/72c0b36f/5a29fddaN2554472f.jpg!q70.jpg" />
	        			</div>
	        			<div class="txt">
	        				<span class="now-price">
	        					<span>¥</span>99
	        				</span>
	        				<span class="out-price">
	        					<span>¥</span>259<hr>
	        				</span>
	        			</div>
	        		</li>
	        		<li>
	        			<div class="img1">
	        				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t12202/234/1700904683/189100/8c9e8f1b/5a264857Nbb4578b9.jpg!q70.jpg" />
	        			</div>
	        			<div class="txt">
	        				<span class="now-price">
	        					<span>¥</span>62.8
	        				</span>
	        				<span class="out-price">
	        					<span>¥</span>99<hr>
	        				</span>
	        			</div>
	        		</li>
	        		<li>
	        			<div class="img1">
	        				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t12982/323/1524181296/783984/de5820f5/5a2116cfN5d7efc92.png!q70.jpg" />
	        			</div>
	        			<div class="txt">
	        				<span class="now-price">
	        					<span>¥</span>188
	        				</span>
	        				<span class="out-price">
	        					<span>¥</span>589<hr>
	        				</span>
	        			</div>
	        		</li>
	        		<li>
	        			<div class="img1">
	        				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t2599/197/2899355942/37071/d48bed54/5779ce00N7f948185.jpg!q70.jpg" />
	        			</div>
	        			<div class="txt">
	        				<span class="now-price">
	        					<span>¥</span>288
	        				</span>
	        				<span class="out-price">
	        					<span>¥</span>369<hr>
	        				</span>
	        			</div>
	        		</li>
	        		<li>
	        			<div class="img1">
	        				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t12460/267/88569885/260537/ebf91caf/5a210a22N77b37272.jpg!q70.jpg" />
	        			</div>
	        			<div class="txt">
	        				<span class="now-price">
	        					<span>¥</span>158
	        				</span>
	        				<span class="out-price">
	        					<span>¥</span>519<hr>
	        				</span>
	        			</div>
	        		</li>
	        		<li>
	        			<div class="img1">
	        				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t16477/37/91926517/723613/fd52f5ac/5a27aeb9N9f9d0a10.jpg!q70.jpg" />
	        			</div>
	        			<div class="txt">
	        				<span class="now-price">
	        					<span>¥</span>56.8
	        				</span>
	        				<span class="out-price">
	        					<span>¥</span>70<hr>
	        				</span>
	        			</div>
	        		</li>
	        		<li>
	        			<div class="img1">
	        				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t13201/154/1724748989/169643/4446f87/5a263c0cN5e372aff.jpg!q70.jpg" />
	        			</div>
	        			<div class="txt">
	        				<span class="now-price">
	        					<span>¥</span>55
	        				</span>
	        				<span class="out-price">
	        					<span>¥</span>110<hr>
	        				</span>
	        			</div>
	        		</li>
	        	</ul>
	        </div>
	        <div class="miaosha-down clearfix">
	        	<div class="miaosha-down-top clearfix">
	        		<div class="first">
	        			<div class="title">
	        				<a href="#">白条商城</a>
	        				<p>打白条换...</p>
	        			</div>
	        			<div class="img">
	        				<img src="https://m.360buyimg.com/mobilecms/s240x240_jfs/t15649/340/78301515/10802/3bb21d86/5a27ae90N48a0f043.jpg!q70.jpg" />
	        			</div>
	        		</div>
	        		<div class="first fl">
	        			<div class="title">
	        				<a href="#">品牌秒杀</a>
	        				<p>低价抢大牌</p>
	        			</div>
	        			<div class="img">
	        				<img src="https://m.360buyimg.com/mobilecms/s240x240_jfs/t15790/308/487304670/13612/3115f02b/5a324cb1Nf49844c1.jpg!q70.jpg" />
	        			</div>
	        		</div>
	        		<div class="first fl">
	        			<div class="title">
	        				<a href="#">闪购</a>
	        				<p>低价限时...</p>
	        			</div>
	        			<div class="img">
	        				<img src="https://m.360buyimg.com/n1/jfs/t4303/30/556479556/231766/1a378e47/58b63cdcNc47e4de7.jpg!q70.jpg" />
	        			</div>
	        		</div>
	        		<div class="first fl">
	        			<div class="title">
	        				<a href="#">爱吃</a>
	        				<p>领券199-...</p>
	        			</div>
	        			<div class="img">
	        				<img src="https://m.360buyimg.com/mobilecms/s240x240_jfs/t14122/181/2022126263/25005/af69b615/5a324c98N76a67132.jpg!q70.jpg" />
	        			</div>
	        		</div>
	        	</div>
	        	<div class="miaosha-down-top clearfix" >
	        		<div class="first fl">
	        			<div class="title">
	        				<a href="#">排行榜</a>
	        				<p>打白条换...</p>
	        			</div>
	        			<div class="img">
	        				<img src="https://m.360buyimg.com/n1/jfs/t7873/88/958332640/139857/953e9bc8/599936e5Nb3919bd8.jpg!q70.jpg" />
	        			</div>
	        		</div>
	        		<div class="first fl">
	        			<div class="title">
	        				<a href="#">发现好货</a>
	        				<p>低价抢大牌</p>
	        			</div>
	        			<div class="img">
	        				<img src="https://m.360buyimg.com/n1/jfs/t1903/208/1209643928/126405/6ae788f1/568b49bdNdeb606de.jpg!q70.jpg" />
	        			</div>
	        		</div>
	        		<div class="first fl">
	        			<div class="title">
	        				<a href="#">会买专辑</a>
	        				<p>低价限时...</p>
	        			</div>
	        			<div class="img">
	        				<img src="https://m.360buyimg.com/n1/jfs/t5677/174/8901155160/87285/304cecbb/5980292dNf15a396d.jpg!q70.jpg" />
	        			</div>
	        		</div>
	        		<div class="first fl">
	        			<div class="title">
	        				<a href="#">新品首发</a>
	        				<p>领券199-...</p>
	        			</div>
	        			<div class="img">
	        				<img src="https://m.360buyimg.com/mobilecms/s240x240_jfs/t14632/126/617665858/40903/7b49814c/5a32461fN484410e6.png!q70.jpg" />
	        			</div>
	        		</div>
	        	</div>
	        </div>
	    </div>
	    
	    <div class="down">
	    	<ul>
	    		<li>
	    			<span class="down-img">
	    				<img src="//st.360buyimg.com/m/images/index/a-home.png" />
	    			</span>
	    		</li>
	    		<li>
	    			<span class="down-img">
	    				<img src="//st.360buyimg.com/m/images/index/n-catergry.png" />
	    			</span>
	    		</li>
	    		<li>
	    			<span class="down-img">
	    				<img src="//st.360buyimg.com/m/images/index/n-find.png" />
	    			</span>
	    		</li>
	    		<li>
	    			<span class="down-img">
	    				<img src="//st.360buyimg.com/m/images/index/n-cart.png" />
	    			</span>
	    		</li>
	    		<li>
	    			<span class="down-img">
	    				<img src="//st.360buyimg.com/m/images/index/n-me.png" />
	    			</span>
	    		</li>
	    	</ul>
	    </div>
	</body>
</html>
